<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>宠四方-个人账户管理</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link  rel="stylesheet" href="resources/css/c4f.css" />
	<link  rel="stylesheet" href="resources/css/boxy.css" />
	<script src="resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.d.imagechange.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="resources/js/jquery.flow.1.2.auto.js"></script>	
	<script type="text/javascript" src="resources/js/jquery.boxy.js"></script>	
	<script type="text/javascript" src="resources/js/jquery.bgiframe-2.1.1.js"></script>
	<style type="text/css">
		.uplist{background-color:#e9fff0; border-right-width:1px; border-color:#b7e4c6;}
		.uplist .uplinklist a{display:block; padding:5px; padding-left:40px; border-top:1px solid #b7e4c6; background-color:#ccffcc; background-position:10px center; background-repeat:no-repeat;}
		.uplist .uplinklist a:hover{text-decoration:none; background-color:#fff;}
		.uplist .uplinklist .icon-userprofile{background-image:url(resources/images/icon-userprofile.png);}
		.uplist .uplinklist .icon-set{background-image:url(resources/images/icon-set.png);}
		.uplist .uplinklist .icon-pet{background-image:url(resources/images/icon-pet.png);}
		.uplist .uplinklist .icon-pwd{background-image:url(resources/images/icon-pwd.png);}
	</style>	
	
</head>
<body>
	

	
<div class="bdbox">
	<div class="innerbox">
		<div class="topp">
			<span class="uinfo"><a href="###">免费注册</a><a href="###">登录</a></span>
			<span class="cities">
				<a class="lc">切换城市:</a>
				<a href="###" class="active">北京</a>
				<a href="###" >上海</a>
				<a href="###" >深圳</a>
				<a href="###" >广州</a>
				<a href="###" >重庆</a>
				<a href="###" class="othercities" >其他城市</a>
			</span>
		</div>
		
		<div class="logobox">
			<a href="###" class="hdlogo" title="宠四方首页">logo</a>
			
			<div class="searchbox">
				<ol class="qtypes" id="qtypes">
					<li class="ctype">全部</li>
					<li>宠物</li>
					<li>宠友</li>
					<li>论坛</li>
					<li>分类</li>
					<li>服务商</li>
				</ol>
				<div class="qbox">
					<input type="text" class="txtq" placeholder="关键字" />
					<input type="button" class="btnq" value="搜索" />
				</div>
			</div>
			<script type="text/javascript">$("#qtypes >li").click(function(){$("#qtypes .ctype").removeClass("ctype");$(this).addClass("ctype");});</script>
			
			<div class="rtm">
				<a href="###">免费发布个人信息</a>
				<a href="###">免费发布个人信息</a>
			</div>
			<!--[if gt IE 6]>
			<div class="navbg"></div>
			<![endif]-->
			<div class="nav" id="nav">
				<ul>
					<li class="pngfix  nav1"><a href="###" class="navitem">首页</a></li>
					<li class="pngfix  nav2"><a href="###" class="navitem">宠物有约</a></li>
					<li class="pngfix  nav3" id="nav3">
						<a href="###"  class="navitem">论坛</a>
						<div class="navsub" id="nav3sub">
							<a href="###">宠宠有约宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
						</div>
					</li>
					<li class="pngfix  nav4"><a href="###"  class="navitem">咨询</a></li>
					<li class="pngfix  nav5"><a href="###"  class="navitem">分类</a></li>
					<li class="pngfix  nav6"><a href="###"  class="navitem">商户</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				$("#nav li").hover(function(){
					$(".navsub",this).show().bgiframe();
				},function(){
					$(".navsub",this).hide();
				});
			</script>
		</div>
		
		<div class="cnav">
			<span class="cnavright">
				<a href="###" class="rss">RSS订阅</a>
			</span>
			<span class="current">
				<a href="###">首页</a>&gt;&gt;个人账户管理
			</span>
		</div>
		
		<div class="bd2 clearfix petprofile">
			<div class="bd2left">
				<dl  class="leftlist uplist" id="leftlist">
					<div class="dogface"><img src="demoimages/randy.jpg" title="190*127最适大小" /></div>
					<div class="region last">
						<p><a href="###" class="t u">更换个人头像</a></p>
						<p>现居地：美国</p>
						<p>性别：男</p>
						<p>注册时间：2011-04-14</p>
						<p>最后登录：2011-04-14</p>
						<div class="uplinklist">
							<a href="###" id="btneditprofile" class="icon-userprofile">编辑个人档案</a>
							<a href="###" id="mypets" class="icon-pet">我的宠物</a>
							<a href="###" id="myprofile" class="icon-set">个人设定</a>
							<a href="###" id="mypwd" class="icon-pwd">密码修改</a>
							<script type="text/javascript">
								$(function(){
									$("#btneditprofile").click(function(){
										window.profiledlg= new Boxy("<div style='height:310px;width:540px;'><iframe src=\"petprofile-edit.html\" width=\"540\" height=\"310\" frameborder=\"0\"></iframe></div>", {title: "编辑个人信息",modal:true,closeText:"返回个人档案首页"});
									});
									$("#mypets").click(function(){
										window.mypetsdlg=new Boxy("<div style='height:440px;width:540px;'><iframe src=\"userprofile-mypets.html\" width=\"540\" height=\"440\" frameborder=\"0\"></iframe></div>", {title: "我的宠物",modal:true,closeText:"返回个人档案首页"});
									});
									$("#myprofile").click(function(){
										window.myprofiledlg=new Boxy("<div style='height:160px;width:440px;'><iframe src=\"userprofile-edit.html\" width=\"440\" height=\"160\" frameborder=\"0\"></iframe></div>", {title: "个人设定",modal:true,closeText:"返回个人档案首页"});
									});
									$("#mypwd").click(function(){
										window.pwddlg=new Boxy("<div style='height:200px;width:440px;'><iframe src=\"userprofile-pwd.html\" width=\"440\" height=\"200\" frameborder=\"0\"></iframe></div>", {title: "修改密码",modal:true,closeText:"返回个人档案首页"});
									});
								});
							</script>
						</div>
					</div>
				</dl>
			</div>
			<div class="bd2center">
				<div class="cf2c clearfix">
					<div class="cf2left">
						<p class="pettname">Randy&nbsp;&nbsp;</p>
						<p>我的宠物动态</p>
						
						
						<div class="msg n">
							<div class="msgimg"><img src="demoimages/dogface2.gif" /></div>
							<p>豆豆说：</p>
							<p>他把搭建</p>
						</div>
						<div class="msg n">
							<div class="msgimg"><img src="demoimages/dogface2.gif" /></div>
							<p>豆豆发布了新的动态</p>
							<p><a href="###" class="g">发布动态信息。。。。</a></p>
						</div>
						<div class="msg n">
							<div class="msgimg"><img src="demoimages/dogface2.gif" /></div>
							<p>豆豆上传了新照片</p>
							<p>
								<a href="###"><img height="40" src="demoimages/dogface2.gif" /></a>
								&nbsp;
								<a href="###"><img height="40" src="demoimages/newsimg.jpg" /></a>
								&nbsp;
								<a href="###" class="g">等共2张照片</a>
								</p>
						</div>
						<a href="###" class="cmorec"><b>更多动态</b></a>
					</div>
					<div class="cf2right">
						
						
						<div class="cf2rt cf2rbbst">最近访客</div>
						<div class="cf2rc clearfix">
							<div class=" clearfix petfriends">
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							</div>
							<p class=" morefriends">
								<a href="###">全部好友</a>
							</p>
						</div>
						
						<div class="cf2rt cf2rbbst"><a href="###" class="more">更多</a>推荐服务</div>
						<div class="cf2rc cf2rbbsc  lastc">
							<ul style="padding-top:5px;">
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li class="last">
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li class="last">
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
									</ul>
						</div>
						
						
					</div>
					
				</div>
			</div>
		</div>
		
		<div class="bottomimgs">
			<a href="###" class="dog"></a>
			<a href="###" class="cat"></a>
			<a href="###" class="other"></a>
		</div>
		
		<div class="buttom">
			<a href="###">联系我们</a>
			<a href="###">关于我们</a>
			<a href="###">广告投放</a>
			<a href="###">电话咨询
			</a>
		</div>
		<div class="copyright">
			2011&copy;荣中广告（中国）有限公司
		</div>
		
	</div>
</div>
<!--[if IE 6]>
<script type="text/javascript" src="resources/js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>
  DD_belatedPNG.fix('.pngfix');
</script>
<![endif]-->
</body>
</html>
